<template>
	<view class="d-flex j-sp index-list">
		<view class="wid-50 left box-sizing">
			<!-- <view class="item mar-top20 white-bj border-r-20 overflow-hidden">
				<view class="item-img"><image src="../../static/1692695394275_a5a025bfeb1c64965f3eb57f792b1a95.jpg" mode="widthFix" lazy-load></image></view>
			</view> -->
			<block v-for="(item,index) in leftPro" :key="index">
				<view class="item mar-top20 white-bj border-r-20 overflow-hidden" @tap="open('shop',item.id,item.type)">
					<view class="item-img"><image :src="item.pic" mode="widthFix" lazy-load></image></view>
					<view class="pad-l-15 pad-r-15 pad-b-30 mar-top10">
						<view class="font-w-b font-32 line-h40 text-overflow">{{item.name}}</view>
						<view class="a-end mar-top30">
							<view class="activeColor font-26">¥<text class="font-40 font-w-b">{{item.sell_price}}</text></view>
							<view class="font-26 black50-zt mar-left15">¥{{item.market_price}}</view>
						</view>
					</view>
				</view>
			</block>
		</view>
		<view class="wid-50 right box-sizing">
			<block v-for="(item,index) in rightPro" :key="index">
				<view class="item mar-top20 white-bj border-r-20 overflow-hidden" @tap="open('shop',item.id,item.type)">
					<view class="item-img"><image :src="item.pic" mode="widthFix" lazy-load></image></view>
					<view class="pad-l-15 pad-r-15 pad-b-30 mar-top10">
						<view class="font-w-b font-32 line-h40 text-overflow">{{item.name}}</view>
						<view class="a-end mar-top30">
							<view class="activeColor font-26">¥<text class="font-40 font-w-b">{{item.sell_price}}</text></view>
							<view class="font-26 black50-zt mar-left15">¥{{item.market_price}}</view>
						</view>
					</view>
				</view>
			</block>
			<!-- <view class="item mar-top20 white-bj border-r-20 overflow-hidden">
				<view class="item-img"><image src="../../static/1683282333309-46114b9b047b75282ad8e361f371bac3.jpg" mode="widthFix" lazy-load></image></view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			leftPro:Array,
			rightPro:Array
		},
		data() {
			return {
				
			};
		},
		methods:{
			//打开
			open(type,id,lei){
				getApp().open(type,id,lei)
			}
		}
	}
</script>

<style scoped lang="scss">
	image{
		width: 100%;
		display: block;
	}
	.index-list{
		.left{
			padding: 0 10rpx 0 20rpx;
		}
		.right{
			padding: 0 20rpx 0 10rpx;
		}
	}
	
</style>